<template>
	<view class="server">
		<!-- 		1 否 2 是
		报关{{item.clearance}}
		装卸  {{item.is_load_unload}}
		是否含运费  {{item.is_express_price}}
		仓储 - {{item.is_warehouse}} -->
		<view class="flex" style="margin-top: 25rpx;">
			<u-image v-if=" baoguan == 1 " :src="HTTP_IMG_UTL+'crossborder2.png'" height="130rpx"
				mode="heightFix"></u-image>
			<u-image v-if=" qingguan ==1 " :src="HTTP_IMG_UTL+'crossborder1.png'" height="130rpx"
				mode="heightFix"></u-image>
		</view>

		<view class="flex">
			<img v-if="item.is_express_price == 2" :src="HTTP_IMG_UTL+'crossborder3.png'" />
			<img v-if="item.is_warehouse == 2" :src="HTTP_IMG_UTL+'crossborder4.png'" />
			<img v-if="item.is_load_unload == 2" :src="HTTP_IMG_UTL+'crossborder5.png'" />
		</view>
	</view>
</template>

<script>
	import {
		HTTP_IMG_UTL
	} from '@/config/app'
	export default {
		props: {
			item: {
				type: Object,
				default: {},
			},
		},
		data() {
			return {
				HTTP_IMG_UTL,
				baoguan:0,
				qingguan:0,
			}
		},
		mounted() {	
			if(this.item.clearance.indexOf('报关')!='-1'){
				this.baoguan = 1;
			}
			if(this.item.clearance.indexOf('清关')!='-1'){
				this.qingguan = 1;
			}	
		}
	}
</script>

<style lang="scss" scoped>
	.server {
		.flex {
			display: flex;
			justify-content: space-evenly;
			margin-bottom: 40rpx;
			text-align: center;

			img {
				width: 100rpx;
				height: 80rpx;
				margin-left: 10rpx;
				margin-right: 10rpx;
			}

			.headline_img {
				height: 150rpx;
			}
		}
	}
</style>